import React from 'react'
import { Row, Button,Icon } from 'antd'
import styles from './wrapper.scss'

const Wrapper = (Com) => (props) => {
  return (
    <div className={styles['wrapper']}>
      <div className={styles['logo']}>
        <img src={require('../../assets/images/9188.png')} />
        <Button className={styles['contact']} type="default" onClick={() => window.open(`http://shang.qq.com/email/stop/email_stop.html?qq=2397478930`)}>
          <Icon type="customer-service" />联系客服
        </Button>
      </div>
      <div className={styles['content']}>
        <div className={styles['picture-container']}>
          <div />
          <div className={styles['picture-text-container']} >
            <img className={styles['picture-text-1']} src={require('../../assets/images/caiyi.png')}/>
            <img className={styles['picture-text-2']} src={require('../../assets/images/tongdao.png')}/>
            <img className={styles['picture-text-3']} src={require('../../assets/images/bianjian.png')}/>
            <img className={styles['picture-text-4']} src={require('../../assets/images/wending.png')}/>
          </div>
        </div>
        <div className={styles['form-container']}>
          <Com {...props} />
        </div>
      </div>
        <div className={styles['footer']}>上海展奎科技有限公司 版权所有CopyRight © 2011-2018 ALL Rights Reserved</div>
    </div>
  )
}

export default Wrapper